<template>
  <div class="truck-choose-wrapper">
    <el-dialog
      :title="title"
      :visible.sync="dialogVisible"
      width="800px  "
      class="tableDialog"
      :before-close="handleClose"
    >

    </el-dialog>
  </div>
</template>
<script>
    import {getTableInfo} from '@/api/finance/FinanceCompanyAccount.js';

  export default {
    data () {
      return {
        tableData: [],
        loading: false,
        dialogVisible: false,
        inputName: '',
        data: [],
        title: '客户账户查询',
        page: {
          pageSize: 10,
          pageNo: 1,
          total: 20
        },
        defaultProps: {
          // 修改el-tree默认data数组参数
          label: 'name',
          id: 'id',
          parentId: 'parentId',
          children: 'children'
        }
      }
    },
    methods: {
        accountSerch(companyId) {
            getTableInfo({
                id: companyId
            }).then((res) => {
                if (res.data.code === '200') {
                    this.accountInfo = res.data.result;
                    this.loading = false
                }
            });
        },

      handleCurrentChange (e) {
        this.page.pageNo = e
        this.getProductList(this.page)
        console.log(e)
      },

      handleClose (done) {
        done()
      },
      close () {
      },
      doSubmit () {
      }
    },
    mounted () {

      this.getProductList(this.page)
    }
  }
</script>
<style scoped lang="scss">
  // .dialog-container {
  //   width: 100%;
  // }

  // .container {
  //   width: 100%;
  //   height: 500px;
  //   display: flex;
  // }

  // .left-container {
  //   margin-right: 20px;
  //   width: 100px;
  //   overflow: auto; /*当内容超过，出现滚动条*/
  // }

  // .dialog-footer {
  //   width: 200px;
  //   margin: 0 auto;
  //   margin-bottom: 20px;
  // }

  // .el-table .success-row {
  //   background: #f0f9eb;
  // }

  // ::v-deep .el-table .warning-row {
  //   background: #f7f7f7;
  // }
  ::v-deep .el-pagination {
    margin-top: 30px;
    text-align: right;
}
  ::v-deep .el-dialog__body {
    padding: 20px 20px 0 !important;
}

    .dialog-container {
    width: 100%;
  }

  /*.container {*/
  /*  width: 100%;*/
  /*  !*height: 500px;*!*/
  /*  display: flex;*/
  /*  !*height: 550px;*!*/
  /*}*/

  /*.left-container {*/
  /*  width: 180px;*/
  /*  overflow: auto; //!*当内容超过，出现滚动条*!*/
  /*  background: #FFFFFF;*/
  /*  box-shadow: 0px 0px 6px 0px rgba(4, 0, 0, 0.1);*/
  /*  border-radius: 6px;*/
  /*  // margin-right: 10px;*/
  /*  height: 450px;*/
  /*}*/

  .dialog-footer {
    width: 200px;
    margin: 0 auto;
    margin-bottom: 20px;
  }

  .el-table .success-row {
    background: #f0f9eb;
  }

  ::v-deep .el-table .warning-row {
    background: #f7f7f7;
  }
  .truck-choose-wrapper{
    ::v-deep.el-dialog{
      .el-dialog__body{
        padding: 20px 20px 24px !important;
      }
    }
  }
</style>
